<%@ page contentType="text/html;charset=utf-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>实现简单的登录功能</title>
  <link rel="stylesheet" href="./css/bootstrap.min.css">
</head>
<style>
  .a{
    background: #00B4F0;
    width: 1960px;
    height: 1000px;
  }
  #b{
    position: absolute;
    left: 100px;
  }
  #c{
    background: white;
    position: absolute;
    width: 640px;
    height: 360px;
    top: 30%;
    left: 30%;
  }
  #d{
    position: relative;
    top: 30%;
    left: 32%;

  }
  #e{
    position: relative;
    top: 13%;
  }
</style>
<body text="black" img="./img/img1.jpg" >
<div class="a" style="padding: 10px">
  <div id="c" class="img-rounded" width="33%" >
    <div id="e" style="text-align: center">
      <h1>管理员登录</h1>
    </div>
    <div id="d" >
      <p>用户名：<input class="img-rounded" width="44%" type="text" name="account"/></p>
      <p>密&nbsp;&nbsp;&nbsp;&nbsp;码：<input class="img-rounded" width="44%" type="text" name="password"/></p>
      <span style="color: #ff0000"><%= request.getAttribute("error")==null?"":request.getAttribute("error")%></span><br/>
      <input class="btn btn-primary"  id="b" type="submit" value="登录"/>
    </div>
  </div>
</div>

<script src="./js/jquery-3.3.1.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script>
        $('input#b').click(function() {
          account = $("[name = 'account']").val();
          password = $("[name = 'password']").val();
            location.href=`login1?account=`+account+`&password=`+password;
        });
</script>
</body>
</html>